import React, { Component, Suspense } from 'react';
// import { connect } from 'dva';
import { Layout, Menu, Breadcrumb, Carousel, Row, Col, Icon, List, Typography } from 'antd';
// import Slider from "react-slick";
// import Ellipsis from 'ant-design-pro/lib/Ellipsis';
// import 'ant-design-pro/dist/ant-design-pro.css';

import styles from './index.less';

class KnowMore extends Component {
  state = {
  };

  componentDidMount() {
  }

  componentWillUnmount() {
  }

  render() {
    const { title, icon } = this.props;

    return (
      <span>
        <span
          style={{
            fontSize: 12,
            color: '#999999',
            // float: 'right',
            marginRight: 5
          }}
        >{title}</span>
        <img
          src={icon}
          style={{
            width: 10,
            height: 10,
            display: 'inline-block',
            // float: 'right',
            // marginTop: 3
          }}
        />
      </span>
    );
  }
}

export default KnowMore;
